/* gmap fix */
img {max-width:none;}
a.btn-large{font-size:15px; line-height:17px;}/*fix the large button with a,input,button*/
.btn-bold{font-weight:bold; color:#666;}
input.size-large, textarea.size-large{/*give a large size input box*/
    font-size:15px; line-height:inherit; padding:9px 8px 9px 8px;
}
span.nature-list {display: inline-block; margin-right: 10px;}
span.nature-list:last-child {margin-right:0;}
li {line-height:normal;}
.label{font-family:Helvetica, Arial;}
.label.label-gray{background:#EDEBE6; color:#765; text-shadow:none;}
.label.label-gray:hover{color:#765;}
.tag-title{margin-top:10px;}
.tag-detail{margin-left:30px;}
.tags-label a{padding:2px 5px; margin:2px; display:inline-block; background-color:#30AFEA; color:#fff; white-space:nowrap; font-size:0.8em;}
.tags-label a:hover{background:#1E92D1; color:#fff;}
.tags-label a.selected{background:#1E92D1; color:#fff;}
.label.tags {background:#0be;}
.tags-title {font-weight:bold;}
.tags-body {margin-left:24px; margin-bottom:6px;}
.tag-more {display:block;}


/* override */
body {background:url("../img/bg.png") repeat #F3F3F3; font-weight:400; font-family:Helvetica, Arial; color:#444;}
body {background:#f8f8f8;}
h1,h2,h3,h4,h5,h6 {font-family:Helvetica, Arial; font-weight:400; margin:0;}
a:link {text-decoration:none;}
a:hover {color:#e61;}
/*[class^="icon-"], [class*=" icon-"] {background-image: url("../img/glyphicons-halflings-blue.png");}*/
:-moz-placeholder{color:#999 !important;}
:-webkit-input-placeholder{color:#999 !important;}
.left {float:left;}
.right {float:right;}
.relative {position:relative;}
.hero-unit {background-color:transparent; padding:32px;}
.hero-section-caption {font-size:32px; line-height:42px; color:#0ae; border-bottom:1px solid #0ae; margin-bottom:16px;}
.hero-section-title {font-size:24px; line-height:32px; color:#0ae;}
.hero-section-desc {font-size:17px; line-height:24px;}
.faq {margin-bottom:32px;}
.carousel-caption{}
.carousel-caption h1{color:#fff; margin-bottom:16px;}
.carousel-caption p{color:#fff; font-size:18px; line-height:28px;}
.gototop {cursor:pointer;}
.auto-pic img {max-width: 96%;}
.thumbnail.noline {border:none; box-shadow:none;}
.fixed-height{height:200px; overflow:hidden;}
.pic img {background:#fff; border-color:#ddd #bbb #bbb #ddd; border-style:solid; border-width:1px; height:auto; padding:3px;}
.bottom-space {margin-bottom:18px;}
.box_white {background:#fff; box-shadow:1px 1px 3px #bbb; margin-bottom:5px; border-color:#ddd #bbb #bbb #ddd; border-style:solid; border-width:1px;}
.box_white .panel {margin:20px;}
.box_white .panel-with-title {margin-top:-5px;}
.box_white .media {margin:5px;}
.box_white.rainbow{background:url('../img/bg-rainbow-1.gif') repeat-x #fff;}
.fill-left {margin-left:-15px;}
.fill-right {margin-right:-15px;}
@media (max-width:767px) {
	.fill-left {margin-left:0;}
	.fill-right {margin-right:0;}
}
@media (min-width: 1200px) {
	.fill-left {margin-left:-25px;}
	.fill-right {margin-right:-25px;}
}
span.delim{padding:0 7px;}

#footer {border-top:1px solid #0ae; margin-top:32px; padding-top:16px;}
#footer ul{margin:0; padding:0;}
#footer ul li{margin:0; padding:0; list-style:none; float:left; margin-right:16px;}
#footer .copyright{font-size:12px;}
.show-grid [class*="span"] {
    background-color: #EEEEEE;
    border-radius: 3px 3px 3px 3px;
    line-height: 40px;
    min-height: 40px;
    text-align: center;
}

/* override .breadcrumb */
.breadcrumb{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0; margin-bottom:15px; background: url('../img/bg-rainbow-1.gif') repeat-x #fff;}
.breadcrumb .active {color: #444;}

/* override .carousel */
#myCarousel .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s;}
#myCarousel .active.left {left:0;opacity:0;z-index:-1;}
#myCarousel .next {left:0;opacity:1;z-index:-2;}

/* override .navbar */
.navbar {box-shadow: 1px 1px 3px #bbb;}
.navbar-header, .navbar-inner {background: url("../img/bg-box.png") repeat transparent; filter:none;/*fixed IE;*/}
.navbar-header .brand {width:160px; position:relative;}
.navbar-header .brand .logo {position:absolute; left:15px; top:0; z-index:9999; width:72px;}
.navbar-header .user-login {}
@media (min-width: 980px) and (max-width: 1199px) {
	.navbar-header .user-login {width:180px;}
	.navbar-header .brand {width:100px;}
}
@media (max-width:979px) {
	.navbar-header .brand .logo {position:absolute; left:0px; top:0; z-index:9999; width:40px;}
}
.navbar .nav > li > a {color:#fff; padding:10px 8px 6px 8px; text-shadow:none; font-size:13px;}
.navbar .nav > li > a:focus {color:#fff;}
.navbar .nav > li > a.bottom-line {border-bottom:5px solid transparent; padding:12px 28px 6px 28px;}
.navbar .nav > li > a.bottom-line:hover {border-bottom:5px solid #9ce;}
.navbar .nav > li.active > a.bottom-line {border-bottom:5px solid #08c;}
.navbar .nav > li > a .nav-main-tital {display:block; font-weight:lighter; line-height:32px; font-size:26px; text-align:center;}
.navbar .nav > li > a .nav-sub-tital {display:block; font-weight:lighter; line-height:20px; font-size:15px; text-align:center;}
.navbar .nav .active > a, .navbar .nav .active > a:hover,
.nav-collapse .nav > li > a:hover, .nav-collapse .dropdown-menu a:hover,
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {color:#fff; background:#0ae;}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {}
.dropdown-menu {padding:0; background:#333; border-radius:0 0 6px 6px;}
.navbar .nav > li > .dropdown-menu:after {border-bottom:6px solid #333;}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {color:#fff;}
.navbar .nav > li {border-right:0px solid #6ad;}
.navbar .nav.small-font > li > a {font-size:13px;}
.navbar .divider-vertical {border-right:1px solid #eee; background:none; height:41px; margin:0 9px; overflow:hidden; width: 0px;}
.navbar .btn-navbar {background-color: #0074cc; *background-color: #0055cc;
  background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
  background-image: linear-gradient(top, #0088cc, #0055cc);
  background-repeat: repeat-x;
  border-color: #0055cc #0055cc #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {background-color: #0055cc; *background-color: #004ab3;}
.navbar .btn-navbar:active, .navbar .btn-navbar.active {background-color: #004099 \9;}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{
	border-left:none; background-color:rgba(6,54,95,0.35); color:#eee;
	-webkit-box-shadow:-1px 0 0 rgba(255,255,255,.15), inset 0 0 1px rgba(6,54,95,0.4), inset 1px 0 1px rgba(6,54,95,0.4);
	-moz-box-shadow:-1px 0 0 rgba(255,255,255,.15), inset 0 0 1px rgba(6,54,95,0.4), inset 1px 0 1px rgba(6,54,95,0.4);
	-ms-box-shadow:-1px 0 0 rgba(255,255,255,.15), inset 0 0 1px rgba(6,54,95,0.4), inset 1px 0 1px rgba(6,54,95,0.4);
	-o-box-shadow:-1px 0 0 rgba(255,255,255,.15), inset 0 0 1px rgba(6,54,95,0.4), inset 1px 0 1px rgba(6,54,95,0.4);
	box-shadow:-1px 0 0 rgba(255,255,255,.15), inset 0 0 1px rgba(6,54,95,0.4), inset 1px 0 1px rgba(6,54,95,0.4);
}
/* reset: facebook login button style */
.btn-facebook{background:url('../img/btn_facebook.png') no-repeat 0 0 transparent; cursor:pointer; display:block; width:175px; height:32px; padding:0; margin:0; border:0; color:#fff; font-size:12px; line-height:32px;}
.btn-facebook span{margin-left:40px;}
.btn-facebook:hover, .btn-facebook:focus{background-position:0 -32px; color:#fff;}
.navbar .nav > li > a.btn-facebook {color:#fff; padding:0; margin-top:4px; font-weight:normal !important;}
.navbar .nav > li > a.btn-facebook:hover {background:url('../img/btn_facebook.png') no-repeat 0 0 transparent; background-position:0 -32px; color:#fff; font-weight:normal !important;}



/* sider style */
.sider {}
.title-bar{background: url("../img/corner_white.png") no-repeat scroll left bottom; padding-bottom:8px; margin-left:-8px; margin-right:8px; margin-top:8px; display: table;}
.title-bar .green {text-transform:lowercase; background:#8b5; color:#fff; padding:8px 16px;
box-shadow:1px 1px 3px #bbb; -webkit-box-shadow:1px 1px 3px #bbb; -moz-box-shadow:1px 1px 3px #bbb;
-ms-box-shadow:1px 1px 3px #bbb; -o-box-shadow:1px 1px 3px #bbb;
text-shadow:1px 1px 0px #888;
border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0;
-ms-border-radius:0 3px 3px 0; -o-border-radius:0 3px 3px 0;
}
.title-bar .blue {text-transform:lowercase; background:#0ae; color:#fff; padding:8px 16px;
box-shadow:1px 1px 3px #bbb; -webkit-box-shadow:1px 1px 3px #bbb;
-moz-box-shadow:1px 1px 3px #bbb; -ms-box-shadow:1px 1px 3px #bbb; -o-box-shadow:1px 1px 3px #bbb;
text-shadow:1px 1px 0px #888;
border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0;
-ms-border-radius:0 3px 3px 0; -o-border-radius:0 3px 3px 0;
}
.title-bar .red {text-transform:lowercase; background:#f85; color:#fff; padding:8px 16px;
box-shadow:1px 1px 3px #bbb; -webkit-box-shadow:1px 1px 3px #bbb;
-moz-box-shadow:1px 1px 3px #bbb; -ms-box-shadow:1px 1px 3px #bbb; -o-box-shadow:1px 1px 3px #bbb;
text-shadow:1px 1px 0px #888;
border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0;
-ms-border-radius:0 3px 3px 0; -o-border-radius:0 3px 3px 0;
}
.place-name {text-transform:capitalize !important;}


/* button style */
/**
 * CSS styles for forms generated by yiic.
 */
.button{
	display:inline-block;white-space:nowrap;padding:3px 10px;font-size:12px;font-weight:700;font-family:Arial,Helvetica,sans-serif;
	cursor:pointer;outline:none;line-height:normal;text-align:center;text-decoration:none;vertical-align:top;
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f7f8',endColorstr='#eceeef',GradientType=0);
	background:-webkit-gradient(linear, left top, left bottom, from(#f6f7f8), to(#eceeef));
	background:-o-linear-gradient(top, #f6f7f8 0%, #eceeef 100%);
	background:-webkit-linear-gradient(top, #f6f7f8 0%, #eceeef 100%);
	background:-moz-linear-gradient(top, #f6f7f8 0%, #eceeef 100%);
	background:linear-gradient(top, #f6f7f8 0%, #eceeef 100%);
	box-shadow:0 1px 0 #f8f8f8;-moz-box-shadow:0 1px 0 #f8f8f8;-webkit-box-shadow:0 1px 0 #f8f8f8;border:1px solid #bec2c6;border-bottom-color:#a2a6a9;}
.button:hover{text-decoration:none;box-shadow:0 1px 2px #ebebeb;-moz-box-shadow:0 1px 2px #ebebeb;-webkit-box-shadow:0 1px 2px #ebebeb;border-color:#a7aaae;}
.button:active{background:#eceeef;outline:none;border-color:#a7aaae;}
.button:active span,.button:active input{text-shadow:none;}
.button>span{background:none;border:0;color:#333;cursor:pointer;display:inline-block;font-size:12px;outline:none;text-shadow:0 1px 0 #fff;white-space:nowrap;margin:0;padding:1px 0;}
input.button-huge{padding:4px 10px;}
.button-huge>span{padding:2px 0px;}
.button-huge span, input[type="submit"].button-huge, input[type="button"].button-huge {font-size:17px;}
.button-small span, input[type="submit"].button-small, input[type="button"].button-small{font-size:12px;}
.button-small{padding:1px 10px;}
.button-large{padding:3px 10px;}
.button-thin{font-weight:400;}
.button-disabled{background:#f2f2f2;cursor:default;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border-color:#ccc;}
.button-disabled:hover{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border-color:#ccc;}
.button-disabled:active{background:#f2f2f2;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border-color:#ccc;}
.button-disabled span,input.button-disabled{color:#bbb;cursor:default;text-shadow:0 1px 0 #fff9e1;}
.button-loading span{background:url("../images/loader_circle.gif") no-repeat right 50%;padding-right:20px;}
.button-confirm{
	color:#fff;text-shadow:0 1px 0 #000;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#55bbff',endColorstr='#29a2ef',GradientType=0);
	background:-webkit-gradient(linear, left top, left bottom, from(#55bbff), to(#29a2ef));
	background:-o-linear-gradient(top, #55bbff 0%, #29a2ef 100%);
	background:-webkit-linear-gradient(top, #55bbff 0%, #29a2ef 100%);
	background:-moz-linear-gradient(top, #55bbff 0%, #29a2ef 100%);
	background:linear-gradient(top, #55bbff 0%, #29a2ef 100%);
	box-shadow:0 1px 0 #ddd;-moz-box-shadow:0 1px 0 #ddd;-webkit-box-shadow:0 1px 0 #ddd;border-color:#18c #18c #16a;}
.button-confirm:hover{text-decoration:none;border-color:#16a;box-shadow:0 1px 2px #bbb;-moz-box-shadow:0 1px 2px #bbb;-webkit-box-shadow:0 1px 2px #bbb;}
.button-confirm:active{background-color:#2ae;border-color:#17b;}
.button-confirm.button-disabled{background:#49d;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border-color:#28a;}
.button-confirm span, input.button-confirm {color:#fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);}
.button-compliment{
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ba',endColorstr='#ffd98c',GradientType=0);
	background:-webkit-gradient(linear, left top, left bottom, from(#fff0ba), to(#ffd98c));
	background:-o-linear-gradient(top, #fff0ba 0%, #ffd98c 100%);
	background:-webkit-linear-gradient(top, #fff0ba 0%, #ffd98c 100%);
	background:-moz-linear-gradient(top, #fff0ba 0%, #ffd98c 100%);
	background:linear-gradient(top, #fff0ba 0%, #ffd98c 100%);
	box-shadow:0 1px 0 #e7e7e7;-moz-box-shadow:0 1px 0 #e7e7e7;-webkit-box-shadow:0 1px 0 #e7e7e7;border-color:#f6a740 #ef9928 #ce7602;}
.button-compliment:hover{border-color:#f6a740 #ef9928 #ce7602;box-shadow:0 1px 2px #bbb;-moz-box-shadow:0 1px 2px #bbb;-webkit-box-shadow:0 1px 2px #bbb;}
.button-compliment:active{background-color:#f7d893;border-color:#ef9200;}
.button-compliment span,input.button-compliment{color:#6d4b15;text-shadow:0 1px 0 #fff9e1;}
.button-confirm:active span,input.button-confirm:active, .button-cancel:active span,input.button-cancel:active,
.button-following:hover:active span,input.button-following:hover:active{text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);}



.yamii-map{height:auto; margin:0; padding:0; position:relative;}
.yamii-map .yamii-map-canvas {height:100%; width:100%;}
.yamii-map .yamii-map-actions {top:10px; left:420px; position:absolute;}
.yamii-map .yamii-map-nav-layout {height:100%; margin-left:100px; width:300px; max-width:300px; min-width:300px; position:absolute; top:0;}
.yamii-map .yamii-map-nav-layout .yamii-map-nav-wrapper {background:transparent; height:100%; position:relative;}
.yamii-map .yamii-map-nav-layout .yamii-map-nav-wrapper .yamii-map-scroll-list {background:#fff; box-shadow:0 5px 5px #333; pointer-events:auto; overflow-y:auto;}

.scroll-list{overflow-y:auto;}


/* user panel */
ul.horz-list li {float: left;}
.user-panel {}
.user-panel .face-pic{margin:8px; float:left;}
.user-panel .face-info{overflow:hidden;}
.user-panel .name{font-size:16px; margin:8px 0;}
.user-panel .location{font-size:12px;}
.user-panel .stats{margin-top:8px;}
ul.user-stats{list-style:none; margin:0; padding:0;}
.user-stats li {border-left:1px solid #f2f2f2;}
.user-stats li:first-child {border-left:0;}
.user-stats a {color:#555; display:inline-block; width:98px; padding:8px 0; text-align:center; text-decoration:none;}
.user-stats a:hover {text-decoration:none; background:#f2f2f2;}
.user-stats a .user-stat-number {font-size: 40px; line-height: 40px;}
.user-stats a .user-stat-name {font-size:12px; line-height:12px; padding-bottom:3px; display:block;}
@media (min-width: 768px) and (max-width: 979px) {
	.user-stats a{width:74px;}
}
@media (min-width: 980px) and (max-width: 1199px) {
	.user-stats a{width:98px;}
}
@media (min-width: 1200px) {
	.user-stats a{width:122px;}
}


/* merchant list style */
.venueResults {}
.venueItem {padding:12px 8px 8px 8px; position:relative; border-bottom:1px solid #f2f2f2;}
.venueItem:last-child {border-bottom:0;}
.venueItem .bizLogo {float:left; width:80px;}
.venueItem .bizLogo img{width:64px;}
.venueItem .bizInfo {overflow:hidden; font-size:12px; line-height:16px;}
.venueItem .bizInfo .address {white-space:nowrap;}
.venueItem .bizInfo>div {margin-bottom:7px;}
.venueItem .bizInfo>div:last-child {margin-bottom:0;}
.venueItem .bizTitle {overflow:hidden; padding-top:2px; color:#08c;}
.venueItem .bizOffer {font-size:14px;}
.venueItem .bizLocation {float:right; text-align:right; margin-left:7px; color:#666; font-size:0.9em;}
.venueItem .bizLocation .rating {display:none;}
.venueItem .bizFooter {margin-top:8px; font-size:12px; color:#666;}
.venueItem .specialsTab {margin-top:-2px;}
.venueItem .specialsTab a.link {
    background: url("../img/icons/special_bg_24.png") no-repeat scroll left top transparent;
    color:#fff; display:inline-block; font-size:0.8em; text-align: center;
    height:24px; width:24px; line-height:24px; text-decoration:none;
}
.venueItem .map-fields{
	margin: 0px auto;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}
.map-locate {cursor:pointer; border-left:5px solid #fff;}
.map-locate:hover {background:#fafafa; border-left:5px solid #9ce;}
.map-locate.active{background:#f9f5f1; border-left:5px solid #08c;}
.map-locate.active .bizName{color:#e61;}


.place-info{min-height:150px;}
.place-info .name{color:#08c; margin-bottom:8px; font-family:'Open Sans Condensed'; font-weight:700;}
.place-info .logo {float:right; width:100px;}
.place-info .logo img{width:100px;max-height:100px;}
.place-info .gallery-space {overflow:hidden; white-space:nowrap;}
.place-info .gallery-space a.thumb {}
.place-info .gallery-space a.thumb:hover{opacity:0.9;filter:alpha(opacity=90);}


.place-sider{}
.place-sider .logo{}
.place-sider .address{white-space:nowrap;}
.place-sider .phone{}


/*displayed by google maps*/
.place-sider .specialsTab{position:absolute; top:-8px; right:-8px;}
.place-sider .specialsTab .link {
    background: url("../img/icons/special_bg_24.png") no-repeat scroll left top transparent;
    color:#fff; display:inline-block; font-size:0.8em; text-align: center;
    height:24px; width:24px; line-height:24px; text-decoration:none;
}
.place-sider .bizInfo {overflow:hidden; height:95px; font-size:12px; line-height:16px; margin:8px; position:relative;}
.place-sider .bizInfo .name {font-size:15px; margin-bottom:8px; white-space:nowrap;}
.place-sider .bizInfo .address {white-space:nowrap; color:#ddd;}
.place-sider .bizInfo .phone {white-space:nowrap; color:#ddd;}
.place-sider .bizInfo>div {margin-bottom:5px;}
.place-sider .bizInfo .see-detail {position:absolute; bottom:5px; right:0;}
.place-sider .bizInfo .see-detail a{color:#fff;text-decoration:underline;}
.place-sider .bizInfo .see-detail a:hover{color:#ddd;}



/* dish thumb style */
.dishThumbs{}
.dishThumb{text-decoration:none; padding:9px !important; background-color:#fff; height:120px; width:120px; margin:1px; float:float;}
.dishThumb .back{left:9px; top:9px; background-color:#fff;opacity:0.7; filter:alpha(opacity=70); display:none;}
.dishThumb .back .title{display:table-cell; width:110px; height:120px; padding:0 5px;}


/* dish list style */
.dishItem {display:block;}
.dishItem .number{float:left;width:12px; margin-left:-10px;}
.dishItem .picture{float:left;width:90px;}
.dishItem .picture img{width:70px;}
.dishItem .name{font-size:15px;}
.dishItem .price{}


/* dish view style */
.dishPlace {}
.dishPlace .title{color:#8a4;}
.dishPlace .subtitle{color:#8a4; font-weight:normal;}
.dishPlace .picture{text-align:center; padding:20px 0; background:transparent;}
.dishPlace .description{font-size:15px; padding:10px 20px; background:transparent;}
.dishPlace .code{margin-bottom:20px;}


.my-dish-review{border-top: 1px solid #E1DCC8; background-color: #F0EEE4; padding:15px; position:relative;}
.my-dish-review .avatar{position:absolute; top:15px; right:15px;}
.my-dish-review .actions{margin-bottom:10px;}
.my-dish-review .actions .not-eaten{margin-bottom:5px;}
.my-dish-review .actions .eaten{margin-bottom:5px;}
.my-dish-review .comments{margin-bottom:10px;}
.my-dish-review .comments textarea{width:97.8%;}



/* special list style */
.specialItem {border-bottom: 1px solid #eee; margin-top:14px; padding-bottom:7px;}
.specialItem:last-child {border-bottom:0;}
.specialItem .discount-box {float:left; margin-right:14px; background: url("../img/special-star-red.png") no-repeat; height: 64px; width: 64px; text-align: center;}
.specialItem .discount-box span {font-size:22px; line-height:2.8em; color:#fff; text-shadow: 1px 1px 0 #666;}
.specialItem .detail-box {overflow:hidden;}
.specialItem .detail-box .title {font-size:15px; padding-bottom:7px;}
.specialItem .detail-box .period {font-size:11px; color:#999;}
.specialItem .detail-box .week {font-size:11px; color:#999; text-transform:uppercase; text-align:right;}

/* offer style with block */
.offer_v2 {width:340px; padding:8px; background:#f2f2f2; margin:0 auto;}
.offer_v2 .offer-header {position:relative; overflow:hidden; text-align:left !important; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;}
.offer_v2 .offer-header img{width:100%; border:0;}
.offer_v2 .offer-header .info{background:url('../img/bg_trans_96.png') repeat transparent; width:100%; height:64px; padding-top:4px; position:absolute; bottom:0;}
.offer_v2 .action {position:relative; overflow:hidden; border-color:#eee #eee #ccc #eee; border-style:solid; border-width:0 0 1px 0; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;}
.offer_v2 .action .margin{padding:10px 10px 6px 10px; background:#fffd90;}
.offer_v2 .action .margin .icon {float:left; margin-right:10px; width:auto; height:auto;}
.offer_v2 .action .margin .icon img {height:32px !important;}
.offer_v2 .action .margin .redeem_button {float:right;}
.offer_v2 .action .margin .tips {overflow:hidden; font-family:'Open Sans Condensed'; font-weight:700;}
.offer_v2 .remaining{text-align:right; margin-top:4px; margin-right:4px; font-weight:bold;}
.offer_v2 .offer-detail {list-style-type:none; margin:0;}
.offer_v2 .offer-detail .field {padding:8px 12px; margin-top:8px; background:#fff; border-color:#eee #ccc #ccc #eee; border-style:solid; border-width:1px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.offer_v2 .offer-detail .field .sign{float:left; width:24px; text-align:center; margin-right:8px;}
.offer_v2 .offer-detail .field .desc{float:left; text-align:left;}
.offer_v2 .mb_period {overflow:hidden; margin:6px 0 0 8px;}
.offer_v2 .mb_period .time {font-size:22px; font-family:'Open Sans Condensed'; font-weight:700; line-height:28px; color:#fff;}
.offer_v2 .mb_period .date {font-size:16px; font-family:'Open Sans Condensed'; font-weight:700; line-height:24px; color:#fff;}
.offer_v2 .mb_period .area {font-size:11px; background:#EDEBE6; color:#765; text-shadow:none; text-transform:capitalize;}
.offer_v2 .mb_price {float:right; margin-right:8px; text-align:right;}
.offer_v2 .mb_price .highlight {font-family:'Open Sans Condensed'; font-weight:700; color:#f50; background:none;}
.offer_v2 .mb_price .highlight .currency{font-size:22px; vertical-align:super;}
.offer_v2 .mb_price .highlight .euro{font-size:36px; line-height:40px;}
.offer_v2 .mb_price .highlight .cent{font-size:22px; vertical-align:super;}
.offer_v2 .mb_price .oldprice {font-size:14px; font-weight:normal; line-height:14px; background:none; color:#bbb; text-decoration:line-through; text-shadow:none;}
.offer_v2 hr {border-style:solid none; border-width:0px 0; margin:2px 0;}

/* new offer style */
.offer_v {width:310px; padding:0; margin:0 auto;}
.offer_v .merchant {background:#f8f8f8;}
.offer_v .merchant .margin{color:#fff; font-size:22px; line-height:32px; font-weight:bold; padding:10px;}
.offer_v .image {position:relative; overflow:hidden;}
.offer_v .image img{width:100%; border:0;}
.offer_v .image .info{background:url('../img/bg_trans_96.png') repeat-x; position:absolute; bottom:0; width:100%;}
.offer_v .mb_period {overflow:hidden; margin:6px 0 0 8px;}
.offer_v .mb_period .time {font-size:22px; font-family:'Open Sans Condensed'; font-weight:700; line-height:28px; color:#fff;}
.offer_v .mb_period .date {font-size:16px; font-family:'Open Sans Condensed'; font-weight:700; line-height:24px; color:#fff;}
.offer_v .mb_period .area {font-size:11px; background:#EDEBE6; color:#765; text-shadow:none; text-transform:capitalize;}
.offer_v .mb_price {float:right; margin-right:8px; text-align:right;}
.offer_v .mb_price .highlight {font-family:'Open Sans Condensed'; font-weight:700; color:#f50;}
.offer_v .mb_price .highlight .currency{font-size:22px; vertical-align:super;}
.offer_v .mb_price .highlight .euro{font-size:36px; line-height:40px;}
.offer_v .mb_price .highlight .cent{font-size:22px; vertical-align:super;}
.offer_v .mb_price .oldprice {font-size:12px; line-height:14px; background:none; color:#bbb; text-decoration:line-through; text-shadow:none;}
.offer_v .action {position:relative; background:#fffd90;}
.offer_v .action .stamped_icon {position:absolute; top:-8px; right:0px; width:96px; z-index:100; display:none;}
.offer_v .action .redeem_button {position:absolute; top:12px; right:8px; z-index:99;}
.offer_v .action .margin{padding:10px;}
.offer_v .action .margin .icon {float:left; margin-right:10px;}
.offer_v .action .margin .icon img {height:26px !important;}
.offer_v .action .margin .redeem_button {float:right; position:relative;}
.offer_v .action .margin .tips {overflow:hidden; margin-right:80px; font-family:'Open Sans Condensed'; font-weight:700;}
.offer_v .detail {position:relative; background:#fffbf0;}
.offer_v .detail .remaining{font-size:17px; font-weight:bold; margin-left:20px; margin-top:15px; text-align:left;}
.offer_v .detail .margin{padding:15px;}
.offer_v .detail .title {color:#08c; font-family:'Open Sans Condensed'; font-weight:700; font-size:17px; line-height:20px; padding-bottom:3px; border-bottom:1px solid #08c;}
.offer_v .detail .text {padding-top:3px;}
.offer_v .detail .text ul {margin:0;}
.offer_v .detail .text ul li{font-size:16px; list-style:none; margin:0; padding:0;}
.offer_v .detail .text .price {font-size:26px; line-height:30px; color:#f60;}
.offer_v .detail .text .value {color:gray; line-height:30px; font-size:18px; text-decoration:line-through; margin-left:10px;}

/* new offer list style */
.mb_offer {text-align:left;}
.mb_offer.special_line {border-top:1px solid #EDEBE6; padding:8px 4px;}
.mb_offer .mb_merchant {background:url('../img/bg_bar.png') #5D5246; border-top:1px solid #000; padding:4px 8px; margin:12px 0 8px 0;}
.mb_offer .mb_merchant .name {font-size:12px; color:#EDEBE6; font-weight:bold; overflow:hidden;}
.mb_offer .mb_merchant .distance {font-size:12px; color:#EDEBE6; font-weight:bold; float:right;}
.mb_offer .mb_picture {float:left; width:80px; margin-left:8px;}
.mb_offer .mb_picture img {padding:3px; border:1px solid #bab5ad; width:64px; height:64px;}
.mb_offer .mb_period {overflow:hidden;}
.mb_offer .mb_period .time {font-size:17px; font-family:'Open Sans Condensed'; font-weight:700; line-height:24px; color:#08c;}
.mb_offer .mb_period .date {font-size:15px; font-family:'Open Sans Condensed'; font-weight:700; line-height:24px; color:#08c;}
.mb_offer .mb_period .area {font-size:11px; background:#EDEBE6; color:#765; text-shadow:none; text-transform:capitalize;}
.mb_offer .mb_price {float:right; margin-right:8px; text-align:right;}
.mb_offer .mb_price .highlight {font-family:'Open Sans Condensed'; font-weight:700; color:#f50;}
.mb_offer .mb_price .highlight .currency{font-size:22px; vertical-align:super;}
.mb_offer .mb_price .highlight .euro{font-size:32px; line-height:47px;}
.mb_offer .mb_price .highlight .cent{font-size:22px; vertical-align:super;}
.mb_offer .mb_price .oldprice {font-size:12px; background:#EDEBE6; color:#765; text-decoration:line-through; text-shadow:none;}
.mb_offer .mb_text {margin:8px; font-family:'Open Sans Condensed'; color:#5D5246; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis;}
.mb_offer .mb_link {float:right; margin:0 8px; font-family:'Open Sans Condensed'; font-weight:700;}

/* nav page style */
.nav-page-content {margin-left: 200px; padding: 10px 0 80px 40px; position: relative;}
.sidebar-content {background-color: #F7F7F7; border-left: 1px solid #C3CFD9; border-right: 1px solid #C3CFD9;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); padding-right: 0;}


table.menu {width:100%; border:none;}
table.menu tr:nth-child(2n) {background:#d8f5fc;}
table.menu tr td {padding:3px; vertical-align:top;}
table.menu tr td.price {font-family:'Open Sans Condensed'; font-weight:700;}




p.or {
	background:url('../img/or_line.png') repeat-x center center transparent;
    color:#666;
    font-size: 14px;
	font-weight:bold;
    height: 20px;
    line-height: 20px;
    margin: 16px 0;
    text-align: center;
}

.launchbox {
	-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
	display:block;
	background:#eee;
	padding:28px;
	width:320px;
}
.launchbox.dark{background:url("../img/bg-box.png") repeat transparent;color:#ccc;}




/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{overflow:visible; position:absolute; top:0; width:100%; z-index:9999;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; margin:auto; width:300px;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{position:absolute; top:0px;}
#colorbox img{max-width:640px; max-height:640px; height:auto;}
    #cboxContent{margin-top:10px; overflow:visible;}
        .cboxIframe{background:red; padding:6px;}
        #cboxError{padding:50px;}
        #cboxLoadedContent{background:#fff; padding:10px; height:auto !important;}
        #cboxLoadingGraphic{background:url('../img/loader.gif') no-repeat center center #fff;}
        #cboxLoadingOverlay{background:#eee;}
        #cboxTitle{position:absolute; top:-32px; left:0; color:#ddd; font-size:20px;}
        #cboxCurrent{position:absolute; top:-32px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:30px; height:30px; position:absolute; top:-30px; background:url('../img/colorbox-control.png') no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:62px;}
        #cboxPrevious:hover{background-position:0px -38px;}
        #cboxNext{background-position:-38px 0px; right:31px;}
        #cboxNext:hover{background-position:-38px -38px;}
        #cboxClose{background-position:-75px 0px; right:0;}
        #cboxClose:hover{background-position:-75px -38px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:99px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-112px -38px; right:66px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px -38px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px 0px; right:66px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-112px -38px;}
